//定义食物类Food
class Food {
    constructor() {
        // 获取页面中的food元素并将其复制给element
        this.element = document.getElementById('food'); //!表示这东西不会为空
    }
    //定义一个获取食物X轴坐标的方法
    get X() {
        return this.element.offsetLeft;
    }
    //定义一个获取食物Y轴坐标的方法
    get Y() {
        return this.element.offsetTop;
    }
    //修改食物的位置
    change() {
        //生成一个随机的位置
        //食物的位置 最小是0 最大是290（300-10 食物本身是10）
        // 蛇移动一次就说一格，一格的大小就是10 所以就要求食物的坐标必须是整10
        let top = Math.round(Math.random() * 29) * 10; //里面那个是取0-29的随机数 后面×10 
        let left = Math.round(Math.random() * 29) * 10;
        this.element.style.left = left + 'px';
        this.element.style.top = top + 'px';
    }
}
//测试代码
// const food = new Food()
// food.change()
// console.log(food.X, food.Y);
export default Food;
